@use "sass:map";

// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use "./common/var.scss" as *;

@import "common/index.scss";

@include bem_b(navbar) {

		@include bem_m(fixed) {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			@include VueAndNvueStyleAttr("z-index","navbar", "z-index");
		}
		@include bem_e(content) {
			@include flex(row);
			align-items: center;
			height: 44px;
			background-color: #9acafc;
			position: relative;
			justify-content: center;
	
			&__left,
			&__right {
				padding: 0 13px;
				position: absolute;
				top: 0;
				bottom: 0;
				@include flex(row);
				align-items: center;
			}
	
			&__left {
				left: 0;
	
				&--hover {
					opacity: 0.7;
				}
	
				&__text {
					font-size: 15px;
					margin-left: 3px;
				}
			}
	
			&__title {
				text-align: center;
				font-size: 16px;
				@include VueAndNvueStyleAttr("color","text-color", "primary");
			}
	
			&__right {
				right: 0;
	
				&__text {
					font-size: 15px;
					margin-left: 3px;
				}
			}
		}
	
}
